<div class="container">
  <div class="chart-number">
    <ul>
      <li>
        <div class="number-left">
          <img src="./assets/images/books.png" alt="">
        </div>
        <div class="number-right">
          <div class="title">当日订单</div>
          <div class="number">130,567<span>+10%↑</span></div>
        </div>
      </li>
      <li>
        <div class="number-left">
          <img src="./assets/images/books.png" alt="">
        </div>
        <div class="number-right">
          <div class="title">当日生产</div>
          <div class="number">235,300<span>+10%↑</span></div>
        </div>
      </li>
      <li>
        <div class="number-left">
          <img src="./assets/images/books.png" alt="">
        </div>
        <div class="number-right">
          <div class="title">生产件数</div>
          <div class="number">234,200<span class="down">-10%↓</span></div>
        </div>
      </li>
      <li>
        <div class="number-left">
          <img src="./assets/images/books.png" alt="">
        </div>
        <div class="number-right">
          <div class="title">当日人数</div>
          <div class="number">225,400<span>+10%↑</span></div>
        </div>
      </li>
      <li>
        <div class="number-left">
          <img src="./assets/images/books.png" alt="">
        </div>
        <div class="number-right">
          <div class="title">累计积压</div>
          <div class="number">245,200<span class="down">-10%↓</span></div>
        </div>
      </li>
    </ul>
  </div>
  <div class="chart-order">
    <div class="order-title">
      <app-stchart-title title="订单与生产量趋势"></app-stchart-title>
      <div class="segmented">
        <ul>
          <li class="current">本周</li>
          <li>本月</li>
          <li>本年</li>
        </ul>
      </div>
    </div>
    <div echarts [options]="chartOption" class="order-chart"></div>
    <div class="order-color">
      <i></i>订单量
      <i></i>生产量
    </div>
  </div>
  <div class="chart-pic">
    <div class="pic-1">
      <app-stchart-title title="入库统计"></app-stchart-title>
      <div echarts [options]="chartOptionPic1"></div>
    </div>
    <div class="pic-2">
      <app-stchart-title title="出库进度"></app-stchart-title>
      <div echarts [options]="chartOptionPic2"></div>
    </div>
    <div class="pic-3">
      <app-stchart-title title="积压统计"></app-stchart-title>
      <div echarts [options]="chartOptionPic3"></div>
    </div>
  </div>
</div>
<app-stshow-button (click)="gotoAdmin()"></app-stshow-button>
<app-stshow-connect></app-stshow-connect>